body{
    background-color: #f4f4f4;
    .header{
        // height: .88rem;
        background-color: #f5445d;
        .top{
            height: 1.36rem;
            line-height: 1.36rem;
            a{
                display: inline-block;
                height: 100%;
                img{
                    height: .26rem;
                }
            }
            span{
                font-size: .30rem;
                color: #fff;
                margin-left: 2.8rem;
            }
            .rule{
                display: inline-block;
                // width: 30%;
                font-size: .28rem;
                color: #fff;
                margin-right: .2rem;
            }
        }
        .bottom{
            height: 2rem;
            text-align: center;
            overflow: hidden;
            margin-bottom: .2rem;
            .t-left{
                margin-top: .2rem;
                margin-left: 1.78rem;
                h2{
                    font-weight: 400;
                    font-size: .6rem;
                    margin-bottom: .24rem;
                    color: #fff;
                }
                span{
                    color: #fec6ce;
                    font-size: .26rem;
                }
            }
            .t-middle{
                margin-top: .3rem;
                background-color: #fec6ce;
                height: .90rem;;
                width: .01rem;
                margin-left: 1rem;
            }
            .t-right{
                margin-right: 1.78rem;
                margin-top: .2rem;
                h2{
                    font-weight: 400;
                    font-size: .6rem;
                    margin-bottom: .24rem;
                    color: #fff;
                }
                span{
                    color: #fec6ce;
                    font-size: .26rem;
                }
            }
        }
    }
    // 列表样式
    .bodys{
        background-color: #f4f4f4;
        ul{
            background-color: #fff;
            li{
                height: 1.2rem;
                padding: 0 .2rem;
                a{
                    display: inline-block;
                    overflow: hidden;
                    height: 100%;
                    width: 100%;
                    img{
                        width: .88rem;
                        margin: .18rem .26rem 0 0 ;
                    }
                    .art{
                        height: 100%;
                        padding-top: .2rem;
                        width: 60%;
                        span{
                           font-size: .3rem;
                           display: inline-block;
                           color: #383938;
                           margin-bottom: .1rem; 
                        }
                        p{
                            font-size: .26rem;
                            color: #b3b3b3;  
                        }
                    }
                    .img{
                        // margin: .4rem .2rem 0 .34rem;
                        img{
                            width: .2rem;
                            margin-top: .4rem;
                        }
                    }
                }
            }
        }
        // 结算
        .jiesuan{
            text-align: center;
            
            a{
                background-color: #f5445d;
                display: inline-block;
                width: 6.1rem;
                height: .84rem;
                color: #fff;
                font-size: .34rem;
                line-height: .84rem;
                border: .01rem solid #f5445d;
                border-radius: .5rem;
                margin-top: 1.58rem;
            }
        }
    }
    // 弹窗样式
    #domMessage{
        // display: none;
        opacity: 1.0;
        // visibility: visible;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        // margin-top: -40px;
        display: none;
        .mask{
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: #AAAAAA;
            opacity: 0.60;
        }
        .remind{
            height: 5.02rem;
            width: 5.02rem;
            background-color: #fff;
            position: relative;
            margin: 3.4rem 0 0 1.26rem;
            .r-top{
                height: 1.7rem;
                background-color: #f5445d;
                text-align: center;
                padding-top: .26rem;
                img{
                    display: block;
                    height: .6rem;
                    margin-left: 2.2rem;
                    margin-bottom: .2rem;
                   
                }
                span{
                    color: #fff;
                    font-size: .3rem;
                }
            }
            .r-bottom{
                height: 2.8rem;
                text-align: center;
                padding-top: .52rem;
                span{
                    display: block;
                    color: #383938;
                    font-size: .28rem;
                    margin-bottom: 1.2rem;
                }
                a{
                  display: inline-block;
                  width:2.2rem;
                  height: .68rem;
                  line-height: .68rem;
                  text-align: center;
                  border: .01rem solid #f5445d;
                  border-radius: .5rem; 
                  color: #f5445d;  
                }
            }
        }
    }
}